{% load staticfiles  %}
<!DOCTYPE html>
<html lang="en">
<head>
	<title>Onetel Template - Portfolio</title>
    <meta name="keywords" content="">
	<meta name="description" content="">
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- stylesheet css -->
	<link rel="stylesheet" href="{% static 'wwwportal/css/bootstrap.min.css'%}">
	<link rel="stylesheet" href="{% static 'wwwportal/css/font-awesome.min.css'%}">
	<link rel="stylesheet" href="{% static 'wwwportal/css/nivo-lightbox.css'%}">
	<link rel="stylesheet" href="{% static 'wwwportal/css/nivo_themes/default/default.css'%}">
	<link rel="stylesheet" href="{% static 'wwwportal/css/templatemo-style.css'%}">
	<!-- google web font css -->
	<link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

</head>
<body>
	
<!-- navigation -->

	<div class="container">
		<div class="navbar navbar-default navbar-static-top" role="navigation">
		<div class="navbar-header">
			<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="icon icon-bar"></span>
				<span class="icon icon-bar"></span>
				<span class="icon icon-bar"></span>
			</button>
			<a href="#" class="navbar-brand"><img src="{% static 'wwwportal/images/logo.png'%}" class="img-responsive" alt="logo"></a>
		</div>
		<div class="collapse navbar-collapse">
			<ul class="nav navbar-nav navbar-right">
				<li><a href="/wwwportal/index_view" class="active">HOME</a></li>
				<li><a href="/wwwportal/about_view">ABOUT US</a></li>
				<li><a href="/wwwportal/portfolio_view">PORTFOLIO</a></li>
				<li><a href="/wwwportal/contact_view">CONTACT</a></li>
			</ul>
		</div>
	</div>
</div>		

<!-- portfolio header section -->
<div id="portfolio-header">
	<div class="container">
		<div class="row">
			<div class="col-md-12 col-sm-12"></div>
		</div>
	</div>
</div>

<!-- portfolio section -->
<div id="portfolio">
	<div class="container">
		<div class="row">
			<div class="col-md-offset-2 col-md-8 col-sm-12">
				<h2>Our Projects</h2>
			</div>
         </div>
         <div class="row mt30">
         
			<div class="col-md-4 col-sm-4 col-xs-6">
				<a href="{%static 'wwwportal/images/portfolio-img1.jpg'%}" data-lightbox-gallery="portfolio-gallery"><img src="{%static 'wwwportal/images/portfolio-img1.jpg'%}" alt="portfolio img"></a>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-6">
				<a href="{%static 'wwwportal/images/portfolio-img2.jpg'%}" data-lightbox-gallery="portfolio-gallery"><img src="{%static 'wwwportal/images/portfolio-img2.jpg'%}" alt="portfolio img"></a>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-6">
				<a href="{%static 'wwwportal/images/portfolio-img3.jpg'%}" data-lightbox-gallery="portfolio-gallery"><img src="{%static 'wwwportal/images/portfolio-img3.jpg'%}" alt="portfolio img"></a>
			</div>
            
			<div class="col-md-3 col-sm-6 col-xs-6">
				<a href="{%static 'wwwportal/images/portfolio-img4.jpg'%}" data-lightbox-gallery="portfolio-gallery"><img src="{%static 'wwwportal/images/portfolio-img4.jpg'%}" alt="portfolio img"></a>
			</div>
			<div class="col-md-3 col-sm-6 col-xs-6">
				<a href="{%static 'wwwportal/images/portfolio-img5.jpg'%}" data-lightbox-gallery="portfolio-gallery"><img src="{%static 'wwwportal/images/portfolio-img5.jpg'%}" alt="portfolio img"></a>
			</div>
			<div class="col-md-3 col-sm-6 col-xs-6">
				<a href="{%static 'wwwportal/images/portfolio-img6.jpg'%}" data-lightbox-gallery="portfolio-gallery"><img src="{%static 'wwwportal/images/portfolio-img6.jpg'%}" alt="portfolio img"></a>
			</div>
            
			<div class="col-md-3 col-sm-6 col-xs-6">
				<a href="{%static 'wwwportal/images/portfolio-img7.jpg'%}" data-lightbox-gallery="portfolio-gallery"><img src="{%static 'wwwportal/images/portfolio-img7.jpg'%}" alt="portfolio img"></a>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-6">
				<a href="{%static 'wwwportal/images/portfolio-img8.jpg'%}" data-lightbox-gallery="portfolio-gallery"><img src="{%static 'wwwportal/images/portfolio-img8.jpg'%}" alt="portfolio img"></a>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-6">
				<a href="{%static 'wwwportal/images/portfolio-img9.jpg'%}" data-lightbox-gallery="portfolio-gallery"><img src="{%static 'wwwportal/images/portfolio-img9.jpg'%}" alt="portfolio img"></a>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-6">
				<a href="{%static 'wwwportal/images/portfolio-img10.jpg'%}" data-lightbox-gallery="portfolio-gallery"><img src="{%static 'wwwportal/images/portfolio-img10.jpg'%}  " alt="portfolio img"></a>
			</div>
            
		</div>
	</div>
</div>		

<!-- footer section -->
<footer>
	<div class="container">
		<div class="row">
        
			<div class="col-md-5 col-sm-4">
				<img src="{%static 'wwwportal/images/logo.png'%}" class="img-responsive" alt="logo">
				<p>Onetel is free Bootstrap v3.3.5 HTML5 layout from 
                <a rel="nofollow" href="http://www.facebook.com/templatemo" target="_parent">templatemo</a> website.
                Feel free to use it for your website.</p>
				<p><i class="fa fa-phone"></i> 010-020-0340</p>
				<p><i class="fa fa-envelope-o"></i> info@company.com</p>
              <p><i class="fa fa-globe"></i> www.company.com</p>
			</div>

			<div class="col-md-3 col-sm-4">
				<h3>Useful Links</h3>
				<p><a href="#">HTML5 Templates</a></p>
				<p><a href="#">CSS3 Tricks</a></p>
				<p><a href="#">Design Blog</a></p>
				<p><a href="#">Animations</a></p>
			</div>
            
			<div class="col-md-4 col-sm-4 newsletter">
				<h3>Newsletter</h3>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismo.</p>
				<div class="input-group">
           	    	<form action="#" method="post">
                        <input name="email" type="email" placeholder="Enter your email" class="form-control" autorequired>
                    	<button type="submit" name="submit" class="btn email">Submit</button>
                  	</form>
				 </div>
			</div>
            
		</div>
	</div>
</footer>

<!-- copyright section -->
<div class="copyright">
	<div class="container">
		<div class="row">
			<div class="col-md-6 col-sm-6">
			<p>Copyright © 苏州讯莽科技有限公司</p>
			</div>
			<div class="col-md-6 col-sm-6">
				<ul class="social-icons">
					<li><a href="#" class="fa fa-facebook"></a></li>
					<li><a href="#" class="fa fa-twitter"></a></li>
					<li><a href="#" class="fa fa-dribbble"></a></li>
					<li><a href="#" class="fa fa-pinterest"></a></li>
					<li><a href="#" class="fa fa-behance"></a></li>
					<li><a href="#" class="fa fa-envelope-o"></a></li>
				</ul>
			</div>
		</div>
	</div>
</div>

<!-- javascript js -->	
<script src="{%static 'wwwportal/js/jquery.js'%}"></script>
<script src="{%static 'wwwportal/js/bootstrap.min.js'%}"></script>	
<script src="{%static 'wwwportal/js/nivo-lightbox.min.js'%}"></script>
<script src="{%static 'wwwportal/js/custom.js'%}"></script>

</body>
</html>